<!DOCTYPE html>
<html>
<head>
	<title>我的订单</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no,email=no" name="format-detection">
	 <link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/normalize.css" type="text/css">
	 <link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/book.css" type="text/css">
	<link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/tipdisapply.css">
	<link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/small_page1.css" type="text/css">
	 <script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/jquery-1.7.2.min.js"></script>
	 <script type="text/javascript">
		!function(a,b){function c(){var b=f.getBoundingClientRect().width;b/i>540&&(b=540*i);var c=b/10;f.style.fontSize=c+"px",k.rem=a.rem=c}var d,e=a.document,f=e.documentElement,g=e.querySelector('meta[name="viewport"]'),h=e.querySelector('meta[name="flexible"]'),i=0,j=0,k=b.flexible||(b.flexible={});if(g){console.warn("将根据已有的meta标签来设置缩放比例");var l=g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);l&&(j=parseFloat(l[1]),i=parseInt(1/j))}else if(h){var m=h.getAttribute("content");if(m){var n=m.match(/initial\-dpr=([\d\.]+)/),o=m.match(/maximum\-dpr=([\d\.]+)/);n&&(i=parseFloat(n[1]),j=parseFloat((1/i).toFixed(2))),o&&(i=parseFloat(o[1]),j=parseFloat((1/i).toFixed(2)))}}if(!i&&!j){var p=(a.navigator.appVersion.match(/android/gi),a.navigator.appVersion.match(/iphone/gi)),q=a.devicePixelRatio;i=p?q>=3&&(!i||i>=3)?3:q>=2&&(!i||i>=2)?2:1:1,j=1/i}if(f.setAttribute("data-dpr",i),!g)if(g=e.createElement("meta"),g.setAttribute("name","viewport"),g.setAttribute("content","initial-scale="+j+", maximum-scale="+j+", minimum-scale="+j+", user-scalable=no"),f.firstElementChild)f.firstElementChild.appendChild(g);else{var r=e.createElement("div");r.appendChild(g),e.write(r.innerHTML)}a.addEventListener("resize",function(){clearTimeout(d),d=setTimeout(c,300)},!1),a.addEventListener("pageshow",function(a){a.persisted&&(clearTimeout(d),d=setTimeout(c,300))},!1),"complete"===e.readyState?e.body.style.fontSize=12*i+"px":e.addEventListener("DOMContentLoaded",function(){e.body.style.fontSize=12*i+"px"},!1),c(),k.dpr=a.dpr=i,k.refreshRem=c,k.rem2px=function(a){var b=parseFloat(a)*this.rem;return"string"==typeof a&&a.match(/rem$/)&&(b+="px"),b},k.px2rem=function(a){var b=parseFloat(a)/this.rem;return"string"==typeof a&&a.match(/px$/)&&(b+="rem"),b}}(window,window.lib||(window.lib={}));</script>
	<style>
		html,body{
			width:100%;
			height:100%;
		}
		.zhao{
			/*width:100%;*/
			/*height:100%;*/
			display: none;
		}
		.zhenzhao{
			display: block;
			width: 100%;
			height:100%;
		}
		.header{
			/*position: absolute;*/
			/*top:0;*/
		}
		main{
			/*top:2.9rem;*/
			height:auto;
			/*position: absolute;*/
			padding-bottom:1.5rem;

		}
		.uploadimg{
			margin-top:-15%;
		}
		.footer-center>ul li a{
			position: absolute;
			left:0.666667rem;
		}
		.imgbox1{
			position: absolute;
			overflow: hidden;
			width: 3.1rem;
		    height: 1.95rem;		    
		    left: 0.1rem;
		    top: 1.6rem;
		    z-index: 5;
		}
		.imgbox2{
			position: absolute;
			overflow: hidden;
			z-index: 5;
			width: 2.8rem;
		    height: 2.95rem;
		    left: 0.44rem;
		    top: 0.02rem;
		}
		.imgbox3{
			position: absolute;
			overflow: hidden;
			z-index: 5;
			width: 2.13rem;
		    height: 3.15rem;
		    left: 0.3rem;
		    top: 0.52rem;
		}
		.shape_0{ 	/*长图	width/height	*/
			position: absolute; 
			height: 100%;
			left: 50%;
			top: 0;
			transform: translate(-50%);
		}
		.shape_1{ 	/*方图*/
			position: absolute; 
			height: 100%;
			/*width: 100%;*/
			left: 50%;
			top: 0;
			transform: translate(-50%);
		}
		.shape_2{ 	/*横图*/
			position: absolute; 
			width: 100%;
			left: 0;
			top: 50%;
			transform: translate(0,-50%);
		}
	</style>
</head>
<body>
	<div class="container">
	<div class="zhao">
		<div class="zhezhao">
			<div class="five">
				<div class="yibook"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_new_book_icon_nor.png" style="width:100%;height:100%;"><a style="display:inline-block;width:1.866667rem;height:0.426667rem;font-size:0.32rem;color:#fff;position:absolute;left:-0.133333rem;bottom:-0.5rem;">新建忆书</a></div>
				<div class="weibo" onclick="wbbook()"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/new_book_weibo_btn_nor.png" style="width:100%;height:100%;"></div>
				<div class="weixin" onclick="wxbook()"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/new_book_wechat_btn_nor.png" style="width:100%;height:100%;"></div>
				<div class="qq" onclick="qqbook()"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/new_book_qq_btn_nor.png" style="width:100%;height:100%;"></div>
				<div class="photo" onclick="phbook()"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/new_book_photo_btn_nor.png" style="width:100%;height:100%;"></div>
			</div>
		</div>
	</div>

		<header class="clear header">
			<div class="myimg">
			<img src="{$user['head_pic']}" style="width:1.6rem;height:1.6rem;border-radius:50%;">
			</div>
			<div class="myname">
				<h4>{$user['nickname']}</h4>
				<div class="right"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_order_more_personal_centers_icon.png" style="width:0.48rem;height:0.48rem"></div>
			</div>

		</header>
		<main>


			<foreach name="paidOrder" item="v">
				<if condition="$v['bookType'] eq 1">
			<section class="clear ding">
				<div class="main-left">
					<div class="center">
						<div class="{$v['css1']}">
							<div class="textname">
								<h4 style="text-align:right;font-family: HansHandItalic;color: #3C3C3C;font-weight:normal;font-size:0.213333rem;">{$v['bookName']}</h4>
								<p style="text-align:right;color:#3C3C3C;font-family: HansHandItalic;">{$v['author']}·作品</p>
							</div>
						</div>

							<div class="{$v['css2']} ">
								<div class="bookimg">
									<if condition="strpos($v['goodsThums'],'load') neq false">
										<img src="http://www.youyiku-yishu.cn/{$v['goodsThums']}" class="shape_{$v['shape']}" alt="2">
									<else/>
										<img src="http://www.youyiku-yishu.cn/{$v['goodsThums']}" class="img absolute alt none" alt="2">
									</if>
								</div>
							</div>



						<div class="booktext">优忆库-出品</div>
					</div>
				</div>
				<div class="main-right">
					<div class="main-right-top">
						<div class="icon"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_wechat_icon_nor.png" style="width:100%;height:100%;"></div>
						<div class="bookname">
							<a style="font-size:0.426667rem;color:#000;display:inline-block;margin-bottom:0.133333rem;">微信书</a><br>
							<am style="font-size:0.266667rem;color: #646464;">共{$v['page']}页</am>
							<p style="font-size:0.266667rem;color: #3B3B3B;padding-top:0.133333rem;">修改于{$v['year']}年{$v['month']}月{$v['day']}日<a href="" style="color: #FF9700;display:inline-block;padding-left:0.133333rem">已购买</a></p>
							<p style="font-size:0.266667rem;color:#039BE5;padding-top:0.133333rem"onclick="showorder({$v['orderId']})">查看订单详情</p>
						</div>
					</div>
					<div class="main-right-bot">
						<div class="button clear">
						<div class="againbook" onclick="wxbuy({$v['wxgoodsId']})"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_order_again_one_book_btn_nor.png" style="width:100%;height:100%;"></div>
						<div class="logistics" onclick="javascript:lookwuliu({$v['orderId']},{$v['expressNumber']});"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_order_logistics_btn_nor.png" style="width:100%;height:100%;"></div>
						</div>
					</div>
				</div>
			</section></if>
			<if condition="$v['bookType'] eq 2">

			<section class="clear ding">
				<div class="main-left">
					<div class="center">

						<div class="{$v.css1}">
							<div class="textname">
								<h4 style="text-align:right;font-family: HansHandItalic;color: #3C3C3C;font-weight:normal;font-size:0.213333rem;">{$v['bookName']}</h4>
								<p style="text-align:right;color:#3C3C3C;font-family: HansHandItalic;">{$v['author']}·作品</p>
							</div>
						</div>

							<div class="{$v.css2} ">
								<div class="bookimg">
									<if condition="strpos($v['goodsThums'],'pload') neq false">
										<img src="http://www.youyiku-yishu.cn/{$v['goodsThums']}" class="shape_{$v['shape']}" alt="2">
									<else/>
										<img src="http://www.youyiku-yishu.cn/{$v['goodsThums']}" class="img absolute alt none" alt="2">
									</if>
								</div>
							</div>


						<div class="booktext">优忆库-出品</div>
					</div>
				</div>
				<div class="main-right">
					<div class="main-right-top">
						<div class="icon"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_weibo_icon_nor.png" style="width:100%;height:100%;"></div>
						<div class="bookname">
							<a style="font-size:0.426667rem;color:#000;display:inline-block;margin-bottom:0.133333rem;">微博书</a><br>
							<am style="font-size:0.266667rem;color: #646464;">共{$v.page}页</am>
							<p style="font-size:0.266667rem;color: #3B3B3B;padding-top:0.133333rem;">修改于{$v.year}年{$vb.month}月{$vb.day}日<a href="" style="color: #FF9700;display:inline-block;padding-left:0.133333rem">已购买</a></p>
							<p style="font-size:0.266667rem;color:#039BE5;padding-top:0.133333rem"onclick="showorder({$v['orderId']})">查看订单详情</p>
						</div>
					</div>
					<div class="main-right-bot">
						<div class="button clear">
							<div class="againbook" onclick="wxbuy({$v['goodsId']})"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_order_again_one_book_btn_nor.png" style="width:100%;height:100%;"></div>
							<div class="logistics" onclick="javascript:lookwuliu({$v['orderId']},{$v['expressNumber']});"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_order_logistics_btn_nor.png" style="width:100%;height:100%;"></div>
						</div>
					</div>
				</div>
			</section></if>
			<if condition="$v['bookType'] eq 3">


			<section class="clear ding">
				<div class="main-left">
					<div class="center">
						<div class="{$vq.css1}">
							<div class="textname">
								<h4 style="text-align:right;font-family: HansHandItalic;color: #3C3C3C;font-weight:normal;font-size:0.213333rem;">{$v.bookName}</h4>
								<p style="text-align:right;color:#3C3C3C;font-family: HansHandItalic;">{$v['author']}·作品</p>
							</div>
						</div>

						<div class="{$vq.css2} ">
							<div class="bookimg">
								<if condition="strpos($v['goodsThums'],'pload') neq false">
									<img src="http://www.youyiku-yishu.cn/{$v['goodsThums']}" class="img absolute alt none uploadimg" alt="2">
								<else/>
									<img src="http://www.youyiku-yishu.cn/{$v['goodsThums']}" class="img absolute alt none" alt="2">
								</if>
							</div>
						</div>
						<div class="booktext">优忆库-出品</div>
					</div>
				</div>
				<div class="main-right">
					<div class="main-right-top">
						<div class="icon"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_qq_icon_nor.png" style="width:100%;height:100%;"></div>
						<div class="bookname">
							<a style="font-size:0.426667rem;color:#000;display:inline-block;margin-bottom:0.133333rem;">QQ书</a><br>
							<am style="font-size:0.266667rem;color: #646464;">共{$v['page']}页</am>
							<p style="font-size:0.266667rem;color: #3B3B3B;padding-top:0.133333rem;">修改于{$v['year']}年{$v['month']}月{$v['day']}日<a href="" style="color: #FF9700;display:inline-block;padding-left:0.133333rem">已购买</a></p>
							<p style="font-size:0.266667rem;color:#039BE5;padding-top:0.133333rem"onclick="showorder({$v['orderId']})">查看订单详情</p>
						</div>
					</div>
					<div class="main-right-bot">
						<div class="button clear">
							<div class="againbook" onclick="wxbuy({$v['goodsId']})"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_order_again_one_book_btn_nor.png" style="width:100%;height:100%;"></div>
							<div class="logistics" onclick="javascript:lookwuliu({$v['orderId']},{$v['expressNumber']});"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_order_logistics_btn_nor.png" style="width:100%;height:100%;"></div>
						</div>
					</div>
				</div>
			</section></if>
				<if condition="$v['bookType'] eq 4">
			<section class="clear ding">
				<div class="main-left">
					<div class="photo_book">
						<input type="hidden" class="personImg" value="{$v.personImg}">
						<input type="hidden" class="cId" value="{$v.coverId}">
						<if condition="$v['image']">
							<div class="imgbox{$v['coverId']}" style="background-color: #fff;"><img class="shape_{$v['shape']}" src="http://www.youyiku-yishu.cn/{$v['image']}"></div>
						<else/>
							<div class="imgbox{$v['coverId']}"></div>
						</if>
						<img src="http://www.youyiku-yishu.cn/{$v['goodsThums']}" class="img">
						<div class="mian1_header mian1_header{$v['coverId']}">{$v.bookName}</div>
						<div class="mian1_bottom mian1_bottom{$v['coverId']}">{$v.title}</div>
					</div>
				</div>
				<div class="main-right">
					<div class="main-right-top">
						<div class="icon"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_photo_icon_nor.png" style="width:100%;height:100%;"></div>
						<div class="bookname">
							<a style="font-size:0.426667rem;color:#000;display:inline-block;margin-bottom:0.133333rem;">照片书</a><br>
							<am style="font-size:0.266667rem;color: #646464;">共{$v.page}页</am>
							<p style="font-size:0.266667rem;color:#039BE5;padding-top:0.133333rem"onclick="showorder({$v['orderId']})">查看订单详情</p>
							<!--<p style="font-size:0.266667rem;color: #3B3B3B;padding-top:0.133333rem;">修改于{$wxbook['wxyear']}年{$wxbook['wxmonth']}月{$wxbook['wxday']}日<a href="" style="color: #FF9700;display:inline-block;padding-left:0.133333rem">已购买</a></p>-->
						</div>
					</div>
					<div class="main-right-bot">
						<div class="button clear">
							<div class="againbook" onclick="wxbuy({$v['goodsId']})"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_order_again_one_book_btn_nor.png" style="width:100%;height:100%;"></div>
							<div class="logistics" onclick="javascript:lookwuliu({$v['orderId']},{$v['expressNumber']});"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_order_logistics_btn_nor.png" style="width:100%;height:100%;"></div>
						</div>
					</div>
				</div>
			</section></if>
			</foreach>


		</main>

		<footer>
			<div class="footer-center">
				<ul>
					<li><a onclick="back()"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_is_making_icon_nor.png" style="width:0.72rem;height:0.72rem;padding-top:0.133333rem;"><br>正在制作</a></li>
					<li><a><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_new_book_icon_nor.png" style="width:1.066667rem;height:1.066667rem;margin-top:-0.213333rem;"><br>选择忆书</a></li>
					<li><a onclick="myself()"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_me_nor.png" style="width:0.72rem;height:0.72rem;padding-top:0.133333rem;left: 69.7%;"><br>我的</a></li>
				</ul>
				<div class="radius"></div>
			</div>


		</footer>
	</div>
	<script>
		var WST = ThinkPHP = window.Think = {
			"ROOT"   : "__ROOT__",
			"APP"    : "__APP__",
			"PUBLIC" : "__PUBLIC__",
			"DEEP"   : "{:C('URL_PATHINFO_DEPR')}",
			"MODEL"  : ["{:C('URL_MODEL')}", "{:C('URL_CASE_INSENSITIVE')}", "{:C('URL_HTML_SUFFIX')}"],
			"VAR"    : ["{:C('VAR_MODULE')}", "{:C('VAR_CONTROLLER')}", "{:C('VAR_ACTION')}"],
			"DOMAIN" : "{:WSTDomain()}",
			"CITY_ID" : "{$currArea['areaId']}",
			"CITY_NAME" : "{$currArea['areaName']}",
			"DEFAULT_IMG": "{:WSTDomain()}/{$CONF['goodsImg']}",
			"MALL_NAME" : "{$CONF['mallName']}",
			"SMS_VERFY"  : "{$CONF['smsVerfy']}",
			"PHONE_VERFY"  : "{$CONF['phoneVerfy']}",
			"IS_LOGIN" :"{$WST_IS_LOGIN}",
			"WST_STYLE" :"{$WST_STYLE}"
		}
		function wxbook(){
			$.ajax({
				type: "get",//数据发送的方式（post 或者 get）
				url: " {:U('WxBooks/addeditor')}",//要发送的后台地址
//			data:{'wxNumber':wxNumber},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
				dataType: "json",//后台处理后返回的数据格式
				success:function(data){
					if(data.status=='0'){
						$('<div>').appendTo('body').addClass('alert alert-success').html('微信书正在制作中，请稍后。。。').show().delay(1500).fadeOut();
						window.location.href="{:U('WebApp/Index/Index')}";
					}
					else{
						window.location.href = WST.U("WebApp/WxBooks/newbook");
					}
				}
			})
		};
		/*$(".photo_book").each(function(){
			var personimg =  $(this).find(".personImg").val();
			var cId = $(this).find(".cId").val();
			//alert(cId);
			if(personimg !=""){
				$("#cId").next().addClass("imgbox"+cId);
				var img = new Image();
				img.src=personimg;
				img.onload = function(){
					$(this).find("div:first").append(img);
				}
			}
			$(this).find(".mian1_header").addClass("mian1_header"+cId);
			$(this).find(".mian1_bottom").addClass("mian1_bottom"+cId);
			//alert($(this).find(".mian1_bottom").attr("class"));
		})*/
		function wbbook(){
			location.href = WST.U("WebApp/WbBooks/makefor");
		};
		function qqbook(){
			location.href = WST.U("WebApp/QqBooks/makefor");
		};
		function phbook(){
			location.href = WST.U("WebApp/PhotoBooks/Index");
		};
		function wxbuy(goodsId){
			location.href = WST.U("WebApp/Orders/buylist",'goodsId='+goodsId);
		}
		function back(){
			location.href = WST.U("WebApp/Index/index");
		}
		function myself(){
		   location.href = WST.U("WebApp/Orders/mine");
		};
		//查看物流
		function lookwuliu(orderId,expressNumber){
			var params={};
			params.orderId=orderId;
			//alert(JSON.stringify(params));
			$.post(WST.U('Loginsx/Orders/lookwuliu'), params, function(data){
				alert(JSON.stringify(data))
				location.href="http://m.kuaidi100.com/index_all.html?type="+data.catSort+"&postid="+expressNumber+"#result";
//    location.href="http://m.kuaidi100.com/index_all.html?type=shunfeng&postid=869002496960#result";
			});
		}
		/*
		 *待改动
		 */
		function showorder(orderId){
			location.href= WST.U('WebApp/Orders/sureOrder','orderId='+orderId);
		}
        // function showorder(orderId){
        //     location.href= WST.U('WebApp/Orders/index');
        // }
	</script>

</body>
<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/public.js"></script>
<script src="http://www.youyiku-yishu.cn/Public/js/think.js"></script>
</html>